<template>
  <el-container class="netFile-container">
    <el-main>
      <div class="file-wrapper" @dragenter="showUploadMask">
        <el-container class="el-container">
          <el-aside width="140">
            <Aside-Menu />
          </el-aside>
          <el-container>
            <el-main class="el-main">
              <File-List />
            </el-main>
          </el-container>
        </el-container>
      </div>
    </el-main>
  </el-container>
</template>

<script>
import AsideMenu from './AsideMenu'
import FileList from './FileList'
export default {
  name: 'File',
  components: {
    AsideMenu,
    FileList
  },
  methods: {
    // 显示拖拽上传文件遮罩
    showUploadMask(e) {
      e.stopPropagation()
      e.preventDefault()
      console.log('showUploadMask')
      this.$store.commit('netFile/showUploadMask')
    }
  }

}
</script>

<style  lang="scss" scoped>
  .netFile-container {
    margin-bottom: -2px !important;
    .file-wrapper {
      width: 100% !important;
    }
    .el-container {
      .el-aside {
        height: calc(100vh - 61px);
        overflow: hidden;
      }
    }
    .el-main {
      padding: 0px 8px !important;
      overflow: hidden;
    }
  }
</style>

